import React, { Component } from 'react'
import { Modal } from 'antd-mobile'

export default class ShareWebsiteModal extends Component {
  render() {
    const { visible, onClose, data } = this.props
    return (
      <Modal
        className="rt-share-website-modal"
        visible={visible}
        closable={false}
        animated={false}
      >
        <header className="-share-title">
          <span
            onClick={
              () => {
                onClose()
              }
            }
          >
            <img src={require('../../statics/images/back.png')}/>
          </span>
        </header>
        <div className="cm-scrollable-container">
          <div className="-picture">
            <img src={require('../../statics/images/logo_w.png')} />
          </div>
          <h3 className="-name">溢唐数据</h3>
          <p className="-intro">国内首家跨境Pre-IPO股权合投平台</p>
          <div className="-invitation">
            邀请码：AD6005
          </div>
          <div className="-rcode">
            <img src={require('../../statics/images/2code2.png')}/>
          </div>
          <div className="-wenzi">
            <p>将页面分享至朋友圈</p>
            <p>或</p>
            <p>识别二维码关注项目</p>
          </div>
        </div>
      </Modal>
    )
  }
}